<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		$.ajax()
		$.get(url,function(response){})：需要传值则在url中的？key=value&key2=value1
			response：就是从url指向的服务得到的响应结果，一般是json格式
		$.post(url,表单数据,function(response){})
		url: http://localhost:8080/demo
			http:// ： 指的是协议
			localhost: ip地址，用来找电脑上的程序，所以一个端口号只能被一个程序占用
			8080 : 端口号
			demo : 访问程序的哪个功能
		跨域：只有JS才有，就是前端在一个服务器，后台程序在另一个服务器，就会有跨域的问题。
			一般在后台中解决。另一种就是让前端程序和后台程序在同一个服务器中
			
		<form action="后台地址" method="">
			<input type="text" name="account" />
			<input type="password" name="password" />
			<br>
			<input type="checkbox" name="cb_rem" value="1" />记住密码
			<br>
			<input type="radio" name="type" value="1" />管理员
			<input type="radio" name="type" value="2" />学生
			<input type="radio" name="type" value="3" />教师
			<br>
			<select name="爱好">
				<option value="1">篮球</option>
				<option value="1">足球</option>
				<option value="1">游泳</option>
			</select>
			<button type="button">提交</button>
		</form>
		
		<script type="text/javascript">
			$(function(){
				$("button").onclick(function(){
					//获取表单的内容
					console.log($("form").seralizer());
					//表单提交
					// $("form").submit();
					$.post("http://localhost:8080/demo",{
						account:$("input[name='account']").val(),
						password:$("input[name='password']").val()
					},function(res){
						console.log(res);
						$("span").text(res);
					})
				});
			})
		</script>
	</body>
</html>
